<template>
  <div>
    <el-table :data="news">

      <el-table-column label="谣言" prop="title" align="center"></el-table-column>
      <el-table-column label="终结方" prop="mainSummary" align="center" width="160"></el-table-column>
      <el-table-column label="内容" prop="body" align="center" width="160"></el-table-column>
    </el-table>

  </div>
</template>
<script>
import { get } from '@/utils/request'
export default {
  // 生命周期
  mounted(){
    // 初始化操作
    this.loadJokes();
  },
  // 数据
  data(){
    return {
      news:[]
    }
  },
  // 方法
  methods:{
    
    // 加载笑话数据
    loadJokes(){
      
      // 定义变量，请求地址
      let url = "https://lab.isaaclin.cn/nCoV/api/rumors?rumorType=0&page=1&num=10"
      // 请求参数,
      let param = {
        
        page:"1",
        num:"10",
      }
      // 请求后台数据
      get(url,param).then( resp => {
        
        // 将返回结果中有价值的信息赋值给jokes, jokes表示所有的笑话
        this.news = resp.results;
      });
    }
  }
}
</script>
<style scoped>

</style>